<script setup>
import { NLoadingBarProvider, NDialogProvider, NMessageProvider, NNotificationProvider, NConfigProvider } from 'naive-ui'
import { RouterView } from 'vue-router'
</script>

<template>
  <n-config-provider>
    <n-loading-bar-provider>
      <n-dialog-provider>
        <n-message-provider>
          <n-notification-provider>
            <div id="app">
              <RouterView />
            </div>
          </n-notification-provider>
        </n-message-provider>
      </n-dialog-provider>
    </n-loading-bar-provider>
  </n-config-provider>
</template>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
  font-family: 'Lato', sans-serif;
}

#app {
  height: 100%;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
</style>
